<script setup>
import {ref} from "vue"
import Expand from "./Expand.vue";
import ComponentLayout from "@/components/component-layout.vue";
import {code} from "./code.js"

const text = ref("我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个很长的文本，我是一个")
const shortText = ref("短文本")
</script>

<template>

  <component-layout :code>
    <template #preview>
      <expand :text :row="2"></expand>
      <h2 class="mt-10 text-red-500">短文案不会展示展开收起按钮</h2>
      <expand :text="shortText" :row="2"></expand>
    </template>
  </component-layout>
</template>

<style scoped>

</style>